<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="renderer" content="webkit">
    <link rel="icon" type="image/x-icon" href="favicon.ico">
    <title>3.1-航空货运单管理</title>
    <link rel="stylesheet" href="styles/bootstrap/bootstrap.css">
    <link rel="stylesheet" href="styles/bootstrap-table.css">
    <link rel="stylesheet" href="lib/layui/css/layui.css">
    <link rel="stylesheet" href="styles/bootstrap-datetimepicker.min.css">
    <link rel="stylesheet" href="styles/awesome/font-awesome.min.css">
    <link rel="stylesheet" href="sfy/styles/fonts/iconfont.css">
    <link rel="stylesheet" href="styles/reset.css">
    <link rel="stylesheet" href="styles/main.css">
    <link rel="stylesheet" href="styles/cy.css">
    <link rel="stylesheet" href="styles/sfy_nav.css">
    <link rel="stylesheet" href="styles/newstyle.css">
</head>

<body>
    <!--头部-->
    <!-- 新菜单 2018-04-08 -->
    <div class="new-header">
        <div class="header-content">
            <div class="header-menu">
                <a href="index.html" class="logo">
                    <img src="images/yly-logo.png" alt="">
                </a>
                <ul class="header-nav">
                    <li>基础资料</li>
                    <li>物流运营</li>
                    <li>财务管理</li>
                    <li>业务管理</li>
                    <li>统计查询</li>
                </ul>
                <div class="header-select">
                    <a>
                        <!-- <label class="common-menu-btn"><input type="checkbox" checked="checked"><span></span></label><span>关闭常用菜单</span> -->
                        <span class="common-menu-btn">常用菜单</span>
                    </a>
                    <a href="#" class="setting">设置</a>
                    <ul class="header-select-list">
                        <li>
                            <i class="community"></i>
                            <a href="#">传链社区</a>
                        </li>
                        <li>
                            <i class="tel"></i>
                            <a href="#">服务中心</a>
                        </li>
                        <li>
                            <i class="message current"></i>
                            <a href="#">消息中心</a>
                        </li>
                        <li>
                            <i href="javascript:;" class="login"></i>
                            <div class="userboxinfob">
                                <div class="ul_userlist">
                                    <p class="flexitem">张会员，欢迎您登录</p>
                                    <ul class="flexitem">
                                        <li>
                                            <a href="/updatePwd">修改密码</a>
                                        </li>
                                        <li>
                                            <a href="/logout">退出</a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>

            <div class="header-menu-box">
                <div class="header-menu-content">
                    <dl class="displayflex">
                        <dt>组织资料 ></dt>
                        <dd class="flex1">
                            <a href="#">公司资料维护</a>
                            <a href="#">公司部门资料维护</a>
                            <a href="#">物流区域资料维护</a>
                            <a href="#">物流中心资料维护</a>
                            <a href="#">仓库资料</a>
                            <a href="#">货主仓库指定</a>
                            <a href="#">货主承运商指定</a>
                        </dd>
                    </dl>
                    <dl class="displayflex">
                        <dt>人员管理 ></dt>
                        <dd class="flex1">
                            <a href="#">公司人员角色维护</a>
                            <a href="#">公司人员资料维护</a>
                            <a href="#">货主人员资料维护</a>
                            <a href="#">承运商人员资料维护</a>
                            <a href="#">仓储商人员资料维护</a>
                            <a href="#">商业客户人员资料维护</a>
                        </dd>
                    </dl>
                    <dl class="displayflex">
                        <dt>商品管理 ></dt>
                        <dd class="flex1">
                            <a href="#">新品发布清单</a>
                            <a href="#">生产厂商资料维护</a>
                            <a href="#">商品分类资料表</a>
                            <a href="#">库管参数维护</a>
                            <a href="#">补货层级维护</a>
                            <a href="#">新增商品</a>
                            <a href="#">商品资料维护</a>
                            <a href="#" class="active">产品说明书维护</a>
                            <a href="#">物价资料维护</a>
                            <a href="#">耗材包关系维护</a>
                            <a href="#">耗材包关系维护</a>
                        </dd>
                    </dl>
                    <dl class="displayflex">
                        <dt>产品证照 ></dt>
                        <dd class="flex1">
                            <a href="#">代理商证照维护</a>
                            <a href="#">经销授权书证照维护</a>
                            <a href="#">售后服务机构证照维护</a>
                            <a href="#">医疗器械注册证维护</a>
                            <a href="#">业务授权书维护</a>
                        </dd>
                    </dl>
                    <dl class="displayflex">
                        <dt>客户管理 ></dt>
                        <dd class="flex1">
                            <a href="#">商业单位资料维护</a>
                            <a href="#">医疗机构资料维护</a>
                        </dd>
                    </dl>
                </div>
                <div class="header-menu-content">
                    <dl class="displayflex">
                        <dt>物流运营 ></dt>
                        <dd class="flex1">
                            <a href="#">公司资料维护</a>
                            <a href="#">公司部门资料维护</a>
                            <a href="#">物流区域资料维护</a>
                            <a href="#">物流中心资料维护</a>
                            <a href="#">仓库资料</a>
                            <a href="#">货主仓库指定</a>
                            <a href="#">货主承运商指定</a>
                        </dd>
                    </dl>
                    <dl class="displayflex">
                        <dt>人员管理 ></dt>
                        <dd class="flex1">
                            <a href="#">公司人员角色维护</a>
                            <a href="#">公司人员资料维护</a>
                            <a href="#">货主人员资料维护</a>
                            <a href="#">承运商人员资料维护</a>
                            <a href="#">仓储商人员资料维护</a>
                            <a href="#">商业客户人员资料维护</a>
                        </dd>
                    </dl>
                    <dl class="displayflex">
                        <dt>商品管理 ></dt>
                        <dd class="flex1">
                            <a href="#">新品发布清单</a>
                            <a href="#">生产厂商资料维护</a>
                            <a href="#">商品分类资料表</a>
                            <a href="#">库管参数维护</a>
                            <a href="#">补货层级维护</a>
                            <a href="#">新增商品</a>
                            <a href="#">商品资料维护</a>
                            <a href="#" class="active">产品说明书维护</a>
                            <a href="#">物价资料维护</a>
                            <a href="#">耗材包关系维护</a>
                            <a href="#">耗材包关系维护</a>
                        </dd>
                    </dl>
                    <dl class="displayflex">
                        <dt>客户管理 ></dt>
                        <dd class="flex1">
                            <a href="#">商业单位资料维护</a>
                            <a href="#">医疗机构资料维护</a>
                        </dd>
                    </dl>
                    <dl class="displayflex">
                        <dt>医院关系建立 ></dt>
                        <dd class="flex1">
                            <a href="#">采购目录勾对</a>
                        </dd>
                    </dl>
                </div>
                <div class="header-menu-content">
                    <dl class="displayflex">
                        <dt>财务管理 ></dt>
                        <dd class="flex1">
                            <a href="#">公司资料维护</a>
                            <a href="#">公司部门资料维护</a>
                            <a href="#">物流区域资料维护</a>
                            <a href="#">物流中心资料维护</a>
                            <a href="#">仓库资料</a>
                            <a href="#">货主仓库指定</a>
                            <a href="#">货主承运商指定</a>
                        </dd>
                    </dl>
                    <dl class="displayflex">
                        <dt>人员管理 ></dt>
                        <dd class="flex1">
                            <a href="#">公司人员角色维护</a>
                            <a href="#">公司人员资料维护</a>
                            <a href="#">货主人员资料维护</a>
                            <a href="#">承运商人员资料维护</a>
                            <a href="#">仓储商人员资料维护</a>
                            <a href="#">商业客户人员资料维护</a>
                        </dd>
                    </dl>
                    <dl class="displayflex">
                        <dt>商品管理 ></dt>
                        <dd class="flex1">
                            <a href="#">新品发布清单</a>
                            <a href="#">生产厂商资料维护</a>
                            <a href="#">商品分类资料表</a>
                            <a href="#">库管参数维护</a>
                            <a href="#">补货层级维护</a>
                            <a href="#">新增商品</a>
                            <a href="#">商品资料维护</a>
                            <a href="#" class="active">产品说明书维护</a>
                            <a href="#">物价资料维护</a>
                            <a href="#">耗材包关系维护</a>
                        </dd>
                    </dl>
                    <dl class="displayflex">
                        <dt>产品证照 ></dt>
                        <dd class="flex1">
                            <a href="#">代理商证照维护</a>
                            <a href="#">经销授权书证照维护</a>
                            <a href="#">售后服务机构证照维护</a>
                            <a href="#">医疗器械注册证维护</a>
                            <a href="#">业务授权书维护</a>
                        </dd>
                    </dl>
                    <dl class="displayflex">
                        <dt>客户管理 ></dt>
                        <dd class="flex1">
                            <a href="#">商业单位资料维护</a>
                            <a href="#">医疗机构资料维护</a>
                        </dd>
                    </dl>
                    <dl class="displayflex">
                        <dt>医院关系建立 ></dt>
                        <dd class="flex1">
                            <a href="#">供应关系查询</a>
                            <a href="#">采购目录勾对</a>
                        </dd>
                    </dl>
                </div>
                <div class="header-menu-content">
                    <dl class="displayflex">
                        <dt>业务管理 ></dt>
                        <dd class="flex1">
                            <a href="#">公司资料维护</a>
                            <a href="#">公司部门资料维护</a>
                            <a href="#">物流区域资料维护</a>
                            <a href="#">物流中心资料维护</a>
                            <a href="#">仓库资料</a>
                            <a href="#">货主仓库指定</a>
                            <a href="#">货主承运商指定</a>
                        </dd>
                    </dl>
                    <dl class="displayflex">
                        <dt>人员管理 ></dt>
                        <dd class="flex1">
                            <a href="#">公司人员角色维护</a>
                            <a href="#">公司人员资料维护</a>
                            <a href="#">货主人员资料维护</a>
                            <a href="#">承运商人员资料维护</a>
                            <a href="#">仓储商人员资料维护</a>
                            <a href="#">商业客户人员资料维护</a>
                        </dd>
                    </dl>
                    <dl class="displayflex">
                        <dt>商品管理 ></dt>
                        <dd class="flex1">
                            <a href="#">新品发布清单</a>
                            <a href="#">生产厂商资料维护</a>
                            <a href="#">商品分类资料表</a>
                            <a href="#">库管参数维护</a>
                            <a href="#">补货层级维护</a>
                            <a href="#">新增商品</a>
                            <a href="#">商品资料维护</a>
                            <a href="#" class="active">产品说明书维护</a>
                            <a href="#">物价资料维护</a>
                            <a href="#">耗材包关系维护</a>
                            <a href="#">耗材包关系维护</a>
                        </dd>
                    </dl>
                    <dl class="displayflex">
                        <dt>产品证照 ></dt>
                        <dd class="flex1">
                            <a href="#">代理商证照维护</a>
                            <a href="#">经销授权书证照维护</a>
                            <a href="#">售后服务机构证照维护</a>
                            <a href="#">医疗器械注册证维护</a>
                            <a href="#">业务授权书维护</a>
                        </dd>
                    </dl>
                    <dl class="displayflex">
                        <dt>客户管理 ></dt>
                        <dd class="flex1">
                            <a href="#">商业单位资料维护</a>
                            <a href="#">医疗机构资料维护</a>
                        </dd>
                    </dl>
                    <dl class="displayflex">
                        <dt>医院关系建立 ></dt>
                        <dd class="flex1">
                            <a href="#">供应关系查询</a>
                            <a href="#">采购目录勾对</a>
                        </dd>
                    </dl>
                </div>
                <div class="header-menu-content">
                    <dl class="displayflex">
                        <dt>统计查询 ></dt>
                        <dd class="flex1">
                            <a href="#">公司资料维护</a>
                            <a href="#">公司部门资料维护</a>
                            <a href="#">物流区域资料维护</a>
                            <a href="#">物流中心资料维护</a>
                            <a href="#">仓库资料</a>
                            <a href="#">货主仓库指定</a>
                            <a href="#">货主承运商指定</a>
                        </dd>
                    </dl>
                    <dl class="displayflex">
                        <dt>人员管理 ></dt>
                        <dd class="flex1">
                            <a href="#">公司人员角色维护</a>
                            <a href="#">公司人员资料维护</a>
                            <a href="#">货主人员资料维护</a>
                            <a href="#">承运商人员资料维护</a>
                            <a href="#">仓储商人员资料维护</a>
                            <a href="#">商业客户人员资料维护</a>
                        </dd>
                    </dl>
                    <dl class="displayflex">
                        <dt>商品管理 ></dt>
                        <dd class="flex1">
                            <a href="#">新品发布清单</a>
                            <a href="#">生产厂商资料维护</a>
                            <a href="#">商品分类资料表</a>
                            <a href="#">库管参数维护</a>
                            <a href="#">补货层级维护</a>
                            <a href="#">新增商品</a>
                            <a href="#">商品资料维护</a>
                            <a href="#" class="active">产品说明书维护</a>
                            <a href="#">物价资料维护</a>
                            <a href="#">耗材包关系维护</a>
                            <a href="#">耗材包关系维护</a>
                        </dd>
                    </dl>
                    <dl class="displayflex">
                        <dt>产品证照 ></dt>
                        <dd class="flex1">
                            <a href="#">代理商证照维护</a>
                            <a href="#">经销授权书证照维护</a>
                            <a href="#">售后服务机构证照维护</a>
                            <a href="#">医疗器械注册证维护</a>
                            <a href="#">业务授权书维护</a>
                        </dd>
                    </dl>
                    <dl class="displayflex">
                        <dt>客户管理 ></dt>
                        <dd class="flex1">
                            <a href="#">商业单位资料维护</a>
                            <a href="#">医疗机构资料维护</a>
                        </dd>
                    </dl>
                    <dl class="displayflex">
                        <dt>医院关系建立 ></dt>
                        <dd class="flex1">
                            <a href="#">供应关系查询</a>
                            <a href="#">采购目录勾对</a>
                        </dd>
                    </dl>
                </div>
            </div>
        </div>
    </div>
    <!-- 常用菜单 -->
    <div class="common-menu">
        <div class="common-menu-content">
            <p class="iconfont icon-menu">
                <a>公司资料维护</a>
                <a>新增商品</a>
                <a>采购目录勾对</a>
                <a>物流订单调度</a>
                <a>补货发起</a>
                <a>物流项目费用维护</a>
                <a>发票管理</a>
                <a>医院采购订单录入</a>
                <a>出库登录</a>
                <a>物流项目费用维护</a>
            </p>
        </div>
    </div>
    <!-- 按钮 当前位置-->
    <div class="g_header_nav">
        <div class="g_header_t">
            <div class="operate-btns">
                <a class="fbtn iconfont icon-head-add" onclick="addWaybill()">新增</a>
                <a class="fbtn iconfont icon-head-export">导出</a>
            </div>
        </div>
        <div class="con_breadcrumb">
            <ol class="breadcrumb">
                <li>
                    <a href="#">航空货运单管理</a>
                </li>
            </ol>
            <h3 class="current_module">航空货运单管理</h3>
        </div>
    </div>
    <!--end  按钮 当前位置-->
    <!--end头部-->
    <!-- 找车 -->
    <div class="content">
        <div class="priceManage">
            <div class="priceManageL">
                <div class="queryBoxL">
                    <div class="text-input date-input displayflex bg-ash mr-20 mb-10">
                        <div class="flex1">
                            <input type="text" placeholder="航空公司">
                        </div>
                        <img src="images/img2_03.png" alt="">
                    </div>
                    <ul class="query-airWaybill">
                        <li class="active">
                            <div class="airline-tit">
                                <img src="images/airline-DF.png" alt="">
                                <strong>东方航空</strong>
                            </div>
                            <p>剩余可用单据数：<strong>25单</strong></p>
                        </li>
                        <li>
                            <div class="airline-tit">
                                <img src="images/airline-NF.png" alt="">
                                <strong>南方航空</strong>
                            </div>
                            <p>剩余可用单据数：<strong>5单</strong></p>
                        </li>
                        <li>
                            <div class="airline-tit">
                                <img src="images/airline-CQ.png" alt="">
                                <strong>春秋航空</strong>
                            </div>
                            <p>剩余可用单据数：<strong>15单</strong></p>
                        </li>
                        <li>
                            <div class="airline-tit">
                                <img src="images/airline-CA.png" alt="">
                                <strong>中国航空</strong>
                            </div>
                            <p>剩余可用单据数：<strong>15单</strong></p>
                        </li>
                    </ul>
                    <div id="page">
                        <ul class="pagination">
                            <li class="unclickable">
                                <a href="" class="prev icon-caret-left"></a>
                            </li>
                            <li class="active"><a href="">1</a></li>
                            <li><a href="">2</a></li>
                            <li><span>...</span></li>
                            <li>
                                <a href="" class="next icon-caret-right"></a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="priceManageR">
                <div class="carTabTit tab-menu">
                    <a href="javascript:;" class="active">待使用</a>
                    <a href="javascript:;">已使用</a>
                </div>
                <div class="arrange-con tab-container">
                    <!-- 待使用 -->
                    <div>
                        <h2 class="h2_1">
                            当前共有<span id="id_num">2</span>家竞价公司
                        </h2>
                        <table class="table table-route">
                            <thead>
                                <tr>
                                    <th>
                                        <label class="icon-checkbox">
                                            <input type="checkbox">
                                            <span><i>序号</i></span>
                                        </label>
                                    </th>
                                    <th>航空货运单号</th>
                                    <th>登记时间</th>
                                    <th>登记人</th>
                                    <th>操作</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>
                                        <label class="icon-checkbox">
                                            <input type="checkbox">
                                            <span><i>01</i></span>
                                        </label>
                                    </td>
                                    <td>789-370286323</td>
                                    <td>2017-11-03</td>
                                    <td>周周</td>
                                    <td>
                                        <div class="action-btn flexitem">
                                            <a>删除</a>
                                            <a onclick="cancelWaybill()">作废</a>
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <label class="icon-checkbox">
                                            <input type="checkbox">
                                            <span><i>02</i></span>
                                        </label>
                                    </td>
                                    <td>789-370286324</td>
                                    <td>2017-11-28</td>
                                    <td>蒋世成</td>
                                    <td>
                                        <div class="action-btn flexitem">
                                            <a>删除</a>
                                            <a onclick="cancelWaybill()">作废</a>
                                        </div>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                    <!-- 已使用 -->
                    <div>
                        <h2 class="h2_1">
                            当前共有<span id="id_num">2</span>家竞价公司
                        </h2>
                        <table class="table table-route">
                            <thead>
                                <tr>
                                    <th>
                                        <label class="icon-checkbox">
                                            <input type="checkbox">
                                            <span><i>序号</i></span>
                                        </label>
                                    </th>
                                    <th>航空货运单号</th>
                                    <th>关联业务订单号</th>
                                    <th>开票时间</th>
                                    <th>作废原因</th>
                                    <th>开票人</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>
                                        <label class="icon-checkbox">
                                            <input type="checkbox">
                                            <span><i>01</i></span>
                                        </label>
                                    </td>
                                    <td>789-370286323</td>
                                    <td><a class="font-blue link">8738928371</a></td>
                                    <td>2017-11-03</td>
                                    <td>-</td>
                                    <td>周周</td>
                                </tr>
                                <tr>
                                    <td>
                                        <label class="icon-checkbox">
                                            <input type="checkbox">
                                            <span><i>02</i></span>
                                        </label>
                                    </td>
                                    <td>789-370286324</td>
                                    <td>作废</td>
                                    <td>2017-11-28</td>
                                    <td>单据破损</td>
                                    <td>蒋世成</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
                <!-- 竞价公司 -->
               
            </div>
        </div>
    </div>
    <!-- 找车 end -->
    <footer class="footer">
        <p>
            Copyright © 2015-2017
            <a href="http://www.miitbeian.gov.cn/state/outPortal/loginPortal.action" target="_blank">粤ICP备16033858-1</a> 深圳传世般若科技有限公司
        </p>
    </footer>
    <!-- 新增 -->
    <div class="sender-box" style="display: none;">
        <div class="row aline">
            <div class="w-50 fl plr8">
                <div class="text-input date-input displayflex bg-ash">
                    <span class="">航空公司</span>
                    <div class="flex1">
                        <input type="text" placeholder="">
                    </div>
                </div>
            </div>
            <div class="w-50 fl plr8">
                <div class="text-input date-input displayflex bg-ash">
                    <span class="">航空公司编号</span>
                    <div class="flex1">
                        <input type="text" placeholder="">
                    </div>
                </div>
            </div>
        </div>
        <div style="max-height: 275px; overflow-y: auto;">
            <table class="table">
                <thead>
                    <tr>
                        <th>序号</th>
                        <th>起始单号</th>
                        <th>生成单数</th>
                        <th>操作</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>01</td>
                        <td>
                            <div class="text-input date-input displayflex">
                                <input type="text" placeholder="37028642" class="tac">
                            </div>
                        </td>
                        <td>
                            <div class="text-input date-input displayflex">
                                <input type="text" placeholder="10" class="tac">
                            </div>
                        </td>
                        <td>
                            <div class="action-btn flexitem">
                                <a>新增</a>
                                <a>删除</a>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td>02</td>
                        <td>
                            <div class="text-input date-input displayflex">
                                <input type="text" placeholder="99028656" class="tac">
                            </div>
                        </td>
                        <td>
                            <div class="text-input date-input displayflex">
                                <input type="text" placeholder="20" class="tac">
                            </div>
                        </td>
                        <td>
                            <div class="action-btn flexitem">
                                <a>新增</a>
                                <a>删除</a>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td>02</td>
                        <td>
                            <div class="text-input date-input displayflex">
                                <input type="text" placeholder="99028656" class="tac">
                            </div>
                        </td>
                        <td>
                            <div class="text-input date-input displayflex">
                                <input type="text" placeholder="20" class="tac">
                            </div>
                        </td>
                        <td>
                            <div class="action-btn flexitem">
                                <a>新增</a>
                                <a>删除</a>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td>02</td>
                        <td>
                            <div class="text-input date-input displayflex">
                                <input type="text" placeholder="99028656" class="tac">
                            </div>
                        </td>
                        <td>
                            <div class="text-input date-input displayflex">
                                <input type="text" placeholder="20" class="tac">
                            </div>
                        </td>
                        <td>
                            <div class="action-btn flexitem">
                                <a>新增</a>
                                <a>删除</a>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td>02</td>
                        <td>
                            <div class="text-input date-input displayflex">
                                <input type="text" placeholder="99028656" class="tac">
                            </div>
                        </td>
                        <td>
                            <div class="text-input date-input displayflex">
                                <input type="text" placeholder="20" class="tac">
                            </div>
                        </td>
                        <td>
                            <div class="action-btn flexitem">
                                <a>新增</a>
                                <a>删除</a>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td>02</td>
                        <td>
                            <div class="text-input date-input displayflex">
                                <input type="text" placeholder="99028656" class="tac">
                            </div>
                        </td>
                        <td>
                            <div class="text-input date-input displayflex">
                                <input type="text" placeholder="20" class="tac">
                            </div>
                        </td>
                        <td>
                            <div class="action-btn flexitem">
                                <a>新增</a>
                                <a>删除</a>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td>02</td>
                        <td>
                            <div class="text-input date-input displayflex">
                                <input type="text" placeholder="99028656" class="tac">
                            </div>
                        </td>
                        <td>
                            <div class="text-input date-input displayflex">
                                <input type="text" placeholder="20" class="tac">
                            </div>
                        </td>
                        <td>
                            <div class="action-btn flexitem">
                                <a>新增</a>
                                <a>删除</a>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td>02</td>
                        <td>
                            <div class="text-input date-input displayflex">
                                <input type="text" placeholder="99028656" class="tac">
                            </div>
                        </td>
                        <td>
                            <div class="text-input date-input displayflex">
                                <input type="text" placeholder="20" class="tac">
                            </div>
                        </td>
                        <td>
                            <div class="action-btn flexitem">
                                <a>新增</a>
                                <a>删除</a>
                            </div>
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
    <!-- 作废 -->
    <div class="sender-box2" style="display: none;">
        <div>
            <table class="table">
                <thead>
                    <tr>
                        <th>序号</th>
                        <th>航空公司</th>
                        <th>航空货运单号</th>
                        <th>作废原因</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>01</td>
                        <td>东方航空</td>
                        <td>798-370286424</td>
                        <td>
                            <div class="text-input date-input displayflex">
                                <input type="text" placeholder="">
                            </div>
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
    <script type="text/javascript" src="lib/jquery.min.js"></script>
    <script type="text/javascript" src="lib/underscore-min.js"></script>
    <script type="text/javascript" src="lib/layui/lay/dest/layui.all.js"></script>
    <script type="text/javascript" src="lib/bootstrap.min.js"></script>
    <script type="text/javascript" src="lib/bootstrap-table.js"></script>
    <script type="text/javascript" src="lib/jquery.validate.min.js"></script>
    <script type="text/javascript" src="lib/city-picker.js"></script>
    <script type="text/javascript" src="lib/bootstrap-datetimepicker.min.js"></script>
    <script type="text/javascript" src="lib/jquery.slimscroll.js"></script>
    <script type="text/javascript" src="lib/echarts-all.js"></script>
    <script type="text/javascript" src="lib/flot/jquery.flot.js"></script>
    <script type="text/javascript" src="lib/zUI.js"></script>
    <!--新导航-->
    <script type="text/javascript" src="lib/snap.svg-min.js"></script>
    <script type="text/javascript" src="lib/modernizr.custom.js"></script>
    <script type="text/javascript" src="js/header_sfy.js"></script>
    <!--end新导航-->
    <script type="text/javascript" src="js/app.js"></script>
    <script type="text/javascript" src="js/validate-demo.js"></script>
    <script type="text/javascript" src="js/main.js"></script>
    <script type="text/javascript" src="js/cy.js"></script>
    <script>
    // 新增航空货运单
    function addWaybill(){
        app.layeropen({
            type: 1,
            area: ['600px','450px'],
            title: '航空货运单管理',
            closeBtn: 1,
            btn: ['确定','取消'],
            skin: 'pop-border',
            content: $('.sender-box')
        })
    }

    // 航空货运单作废
    function cancelWaybill(){
        app.layeropen({
            type: 1,
            area: ['600px','250px'],
            title: '航空货运单作废',
            closeBtn: 1,
            btn: ['保存','关闭'],
            skin: 'pop-border',
            content: $('.sender-box2')
        })
    }

    </script>
</body>

</html>